<html>
    <head>
        <script>
         
            function check_login(){
          
                   var mail = document.add_user_simple.mail.value;
                   var pass = document.add_user_simple.password.value;

                   if (document.add_user_simple.mail.value == ""){
                       alert("El campo mail no puede estar vacio");
                       document.add_user_simple.mail.focus();
                       return 0;
                   }
                   if (document.add_user_simple.password.value == ""){
                       alert("El campo password no puede estar vacio");
                       document.add_user_simple.password.focus();
                       return 0;
                   }

                   if (mail.indexOf(".") > 2 && mail.indexOf("@") > 0){
                   } else {
                       alert("La dirección de email es incorrecta.");
                       document.add_user_simple.mail.value = "";
                       document.add_user_simple.mail.focus();
                       return 0;
                   }
            }

        </script>
        
        <style>
            table.borded-table{
               /* margin-left: auto;
                margin-right: 5%;
                border: 1px solid #BBB;
                border-image: stretch;
                border-radius: 4px;
                padding: 5px;
                margin-top: 0px;
                box-shadow: 0px 15px 35px 9px #ccc, 0 0 1px rgba(0, 0, 0, .5) inset;
            */
               margin-left: auto;
                margin-right: 5%;
                border: 1px solid #BBB;
                border-image: stretch;
                border-radius: 4px;
                padding: 10px;
                margin-top: 0px;
                box-shadow: 3px 13px 35px -21px #000, 0 0 14px rgba(0, 0, 12, 0.1) inset;   
/*                width: 100%;*/
    }
            
            table#add_user_simple input[type="text"], table#add_user_simple input[type="password"]{
               border-radius: 3px;
                color: white;
                border: 1px solid #CCC;
/*                box-shadow: 0.5px -0.8px 4px #ccc, 0 0 20px 23px;*/
                color: #666;
                font-weight: bold;
            }
            
            table#add_user_simple img#submit{
                
            }
            
            table#add_user_simple label{
                font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;
                font-size: 10px;
                color: #6A0;
            }
            table#add_user_simple input#text{
                width: 15px;
            }
            
        </style>
    </head>
    <body>
        <form name="add_user_simple" method="POST">
            <table>
               <tr>
                   <td style="text-align:right">
                       <label>Mail</label>
                        <input name="mail" type="text" maxlength="50"/>
                   </td> 
                   <td rowspan="2"  style="text-align:right">
                       <img id="submit" src="config/img/signin_btn.png"
                   </td>   
                </tr>
                <tr>
                    <td  style="text-align:right">
                        <label>Password</label>
                        <input name="password" type="password" maxlength="50"/>
                    </td>
                </tr>
               
            </table>
        </form>    
    </body>
</html>
    